<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-pre</title>
    <script type="text/javascript" src="../vue.js"></script>
</head>

<body>
<!-- 准备好 一个容器-->
<div id="root">
<h2 v-pre>Vue其实很简单</h2>
<h2 v-pre>Vue其实很简单</h2>
<h2 v-pre>Vue其实很简单</h2>

</div>

</body>

<!--
      v-pre指令：
        1.跳过其所在指令的编译过程
        2.可利用它跳过：没用使用指令语法、没有使用插值语法的节点，加快Vue的编译
-->

<script type="text/javascript">

    Vue.config.productionTip = false //设置为 false 以阻止 vue 在启动时生成生产提示。

    //创建Vue实例
    new Vue({
        el: '#root'
    })

</script>

</html>
